body{
    border:1px solid blue;
  }
  .wrapper{
    display: inline-block;
    position: relative;
  }
  .popover{
    position: absolute;
    left:100%;
    top:0;
    border:1px solid red;
    white-space:nowrap;
    background: white;
    padding:10px;
    margin-left:10px;
    display:none;
  }
  .popover::before{
    position: absolute;
    right:100%;
    top:0px;
    border:10px solid transparent ;
    border-right-color:green;
    content:'';
  
  }
  .popover::after{
    position: absolute;
    right:100%;
    top:0px;
    border:10px solid transparent ;
    border-right-color:green;
    content:'';
    margin-right:-1px;
    
  }